<div id="container">
    	<div id="header">
        <h2><?php print $site_name; ?></h2>
		<div id="topmenu">
			<ul class="topmenu">
                <li class="active"><?php print l(t('Trang chủ'),'admin',array('attributes'=>array())); ?></li>
                <li><?php print l(t('Nội dung/Sản phẩm'),'admin/content',array('attributes'=>array())); ?></li>
            </ul>
        </div>
      </div>
        <div id="top-panel">
            <div id="panel">
                <ul>
                    <li><a href="#" class="calendar">Lịch</a></li>
                    <li><a href="#" class="mail">Webmail</a></li>
                </ul>
            </div>
      </div>
        <div id="wrapper">
            <div id="content">
       			<div id="columns">        
					<ul id="column1" class="column">
						<li class="widget color-green" id="intro">
							<div class="widget-head">
								<h3>Welcome to iNettuts</h3>
							</div>
							<div class="widget-content">

								<p>Hello, welcome to the <strong>iNettuts</strong> demonstration. The tutorial which details how this interface was created can be found on <a href="http://nettuts.com">NETTUTS.com</a>.</p>
								<p>This demo and its accompanying tutorial were made by <a href="http://james.padolsey.com">James Padolsey</a>.</p>
							<p>NOTE: You'll notice that you cannot move, edit, remove or collapse this particular widget - the script which this is running on allows for per-widget settings and this widget has been set not to allow closing, editing, collapsing or moving.</p>
							</div>

						</li>
						<li class="widget color-red">  
							<div class="widget-head">
								<h3>Random Information</h3>
							</div>
							<div class="widget-content">
								<p><img src="img/photos/9.jpg" alt="photo9" />Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.</p>
								<ul>

									<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa.</li>
								</ul>
							</div>
						</li>
					</ul>

					<ul id="column2" class="column">
						<li class="widget color-blue" id="instructions">  
							<div class="widget-head">

								<h3>Instructions</h3>
							</div>
							<div class="widget-content">
								<ul>
									<li>To move a widget just hold your mouse down over the top coloured bar of the widget and then move it to where you want.</li>
									<li>You can also close a widget by clicking the 'X' on the top right of any widget. Collapsing a widget is just as easy; click the down/up arrow on the top left of each widget.</li>
									<li>To edit the color of a widget or it's title just click the 'edit' button.</li>

								</ul>
							</div>
						</li>
						<li class="widget color-yellow">  
							<div class="widget-head">
								<h3>Extra Info</h3>
							</div>
							<div class="widget-content">
								<p>Try clicking the 'X' in the top right of this widget... Just watch how cool the animaton is! :D</p>

								<ul>
									<li>Since this is just a demo your settings will NOT be saved anywhere when you leave the page.</li>
									<li>This demo has been tested successfully on a Windows XP PC in the following browsers: Firefox 2, Firefox 3, Chrome, Safari 3, Opera 9.5, IE6, IE7</li>
								</ul>
							</div>
						</li>
						<li class="widget color-green">  
							<div class="widget-head">

								<h3>Some Random Title</h3>
							</div>
							<div class="widget-content">
								<ul>
									<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus.</li>  
								</ul>
							</div>
						</li>

					</ul>
					
					<ul id="column3" class="column">
						<li class="widget color-orange">  
							<div class="widget-head">
								<h3>Some Random Title</h3>
							</div>
							<div class="widget-content">
								<ul>
									<li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam magna sem, fringilla in, commodo a, rutrum ut, massa. Donec id nibh eu dui auctor tempor. Morbi laoreet eleifend dolor. Suspendisse pede odio, accumsan vitae, auctor non, suscipit at, ipsum. Cras varius sapien vel lectus.</li>  
								</ul>

							</div>
						</li>
						<li class="widget color-white" id="gallery">  
							<div class="widget-head">
								<h3>The Gallery</h3>
							</div>
							<div class="widget-content">
								<p>NOTE: This widget can only be switched between three different colours (via 'edit').</p>

								
								<ul class="images">
									<li><img src="img/photos/1.jpg" alt="photo1" /></li>
									<li><img src="img/photos/2.jpg" alt="photo2" /></li>
									<li><img src="img/photos/3.jpg" alt="photo3" /></li>
									<li><img src="img/photos/4.jpg" alt="photo4" /></li>
									<li><img src="img/photos/5.jpg" alt="photo5" /></li>
									<li><img src="img/photos/6.jpg" alt="photo6" /></li>
								</ul>
							</div>

						</li>
						
					</ul>
					
				</div>

            </div>            
      </div>
        <div id="footer">
        <div id="credits">
   		Template by <a href="http://www.bloganje.com">Bloganje</a>
        </div>
        <div id="styleswitcher">
            <ul>
                <li><a href="javascript: document.cookie='theme='; window.location.reload();" title="Default" id="defswitch">d</a></li>
                <li><a href="javascript: document.cookie='theme=1'; window.location.reload();" title="Blue" id="blueswitch">b</a></li>
                <li><a href="javascript: document.cookie='theme=2'; window.location.reload();" title="Green" id="greenswitch">g</a></li>
                <li><a href="javascript: document.cookie='theme=3'; window.location.reload();" title="Brown" id="brownswitch">b</a></li>
                <li><a href="javascript: document.cookie='theme=4'; window.location.reload();" title="Mix" id="mixswitch">m</a></li>
                <li><a href="javascript: document.cookie='theme=5'; window.location.reload();" title="Mix" id="defswitch">m</a></li>
            </ul>
        </div><br />

        </div>
</div>
<?php print render($page['tabs']); ?>
<?php print render($page['content']); ?>